<template>
  <d2-container>
    <div class="mt-3 ml-2">
      <!-- <el-form :model="form" label-width="80px">
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
          <el-tab-pane label="站点信息" name="first">
            <div style="width: 50%;">
              <el-form-item label="站点名称">
                <el-input v-model="form.web_name"></el-input>
              </el-form-item>
            </div>
            <div style="width: 60%;">
              <el-form-item label="关键词">
                <el-input v-model="form.keywords" placeholder="站点SEO关键词"></el-input>
              </el-form-item>
            </div>
            <div style="width: 50%;">
              <el-form-item label="站点描述">
                <el-input type="textarea" v-model="form.description" placeholder="站点SEO描述"></el-input>
              </el-form-item>
            </div>
            <div style="width: 30%;">
              <el-form-item label="服务电话">
                <el-input v-model="form.service_phone"></el-input>
              </el-form-item>
            </div>
            <el-form-item label="站点logo">
              <el-input v-model="form.Web_logo"></el-input>
            </el-form-item>
            <div style="width: 40%;">
              <el-form-item label="ICP">
                <el-input v-model="form.ICPnumber"></el-input>
              </el-form-item>
            </div>
            <div style="width: 40%;">
              <el-form-item label="公安备案">
                <el-input v-model="form.beian_gov"></el-input>
              </el-form-item>
            </div>
          </el-tab-pane>
          <el-tab-pane label="用户服务协议" name="agreement">
            <div style="width: 80%;height: 500px;">
              <el-form-item prop="user_agreement">
                <d2-quill v-model="form.user_agreement" />
              </el-form-item>
            </div>
          </el-tab-pane>
          <el-tab-pane label="隐私声明" name="statement">
            <div style="width: 80%;height: 500px;">
              <el-form-item prop="privacy_statement">
                <d2-quill v-model="form.privacy_statement" />
              </el-form-item>
            </div>
          </el-tab-pane>
          <el-tab-pane label="青少年保护规则" name="protection">
            <div style="width: 80%;height: 500px;">
              <el-form-item prop="information_protection">
                <d2-quill v-model="form.information_protection" />
              </el-form-item>
            </div>
          </el-tab-pane>
          <div style="margin-top: 135px;">
            <el-form-item>
              <el-button type="primary" @click="submitForm">保存</el-button>
              <el-button @click="resetForm">重置</el-button>
            </el-form-item>
          </div>
        </el-tabs>
      </el-form> -->
    </div>
  </d2-container>
</template>
<script>
  import { mapState, mapActions } from 'vuex'
  import util from '@/libs/util.js'
  import {
    merchantDetailUrl
  } from '@/utils/interface'
  import d2Quill from '@/components/d2-quill'
  export default {
    components: {
      d2Quill
    },
    data() {
      return {
        merchantId:''
      }
    },
    mounted(){
      this.merchantId = util.cookies.get('merchantId');
      this.getMerchantDetail()
    },
    methods: {
      getMerchantDetail() {
        this.$get('/seller/merchant/detail/' + this.merchantId + '/').then(res => {
          console.log(res.data.data);
        })
      },
      resetForm() {
        this.loadData()
      },
      handleClick() {

      }
    }
  }
</script>
<style>
  .ql-container {
    height: 500px;
  }
</style>
